<template>
      <div class="esg-rating-area comm-tb-gap">
            <div class="constraint">
                  <div class="esg-rating-tit tit-box mar-b-50">
                        <h2 class="ft-center">{{ propData.moduleTitle }}</h2>
                  </div>
                  <div class="esg-rating-main-box">
                        <ul>
                              <li class="flex ali-center mar-b-50" v-for="(item, index) in 3" :key="index">
                                    <div class="flex flex-1 ali-center">
                                          <div class="esg-icon">

                                          </div>
                                          <div class="rat-main-txt-box">
                                                <h4>这是数据标题{{ item }}</h4>
                                                <p class="sm-ft">{{ index == 1 ? 'risk rating' : ''}}</p>
                                          </div>
                                    </div>
                                    <div class="flex-1 rat-score-box">
                                          <p>{{ index == 1 ? '19.3/100' : index == 0 ? 'BBB' : '48' }}</p>
                                          <p class="sm-ft">{{ index == 1 ? '分数越低,治理越高' : '' }}</p>
                                    </div>
                              </li>
                        </ul>
                  </div>
            </div>
      </div>
</template>


<script lang="ts" setup>
let propData = defineProps({ moduleTitle: { default: '' } })
</script>